<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>里定订货宝-首页</title>
    <link rel="stylesheet" href="./assets/layui/css/layui.css">
    <!-- inject:css -->
    <!-- endinject -->
    <script src="./assets/jquery-1.12.4.min.js"></script>
</head>
<body>
<!-- header 公共头部组件 -->
<div class="header">
    <div class="nav wrapper clearfix">
        <div class="logo ">
            <img class="logo-item" src="./images/logo.png" alt="里定订货宝">
        </div>
        <div class="nav-action inline-wrapper">
            <div class="search-action inline-item">
                <input type="text" placeholder="商品名称">
                <i class="icon icon-search"></i>
            </div>
            <div class="split-line-vertical inline-item"></div>
            <div class="cart-action inline-item">
                <a href="./cart.html">
                    <i class="icon icon-cart"></i>
                    <span class="inline-item">购物车</span>
                    <span class="badge">0</span>
                </a>
            </div>
        </div>

        <div class="server-contact inline-wrapper">
            <i class="icon icon-phone"></i>
            <h3 class="inline-item">400-632-5588</h3>
        </div>
    </div>
    <div class="nav-menu-wrapper">
        <div class="nav-menu wrapper">
            <ul class="inline-wrapper">
                <li class="inline-item">
                    <a href="./index.html">首页</a>
                </li>
                <li class="inline-item">
                    <a href="./goods.html">商品</a>
                </li>
                <li class="inline-item">
                    <a href="./order.html">订单</a>
                </li>
                <li class="inline-item menu-select-hover">
                    <a href="#">全部商品分类</a>
                    <i class="icon icon-classification"></i>
                    <div class="nav-menu-select shadow-item">
                        <div class="nav-menu-option active">
                            <a href="#">新生儿疾病筛查型</a>
                        </div>
                        <div class="nav-menu-option ">
                            <a href="#">产前筛查型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">体检型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">903滤纸</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">新筛试剂</a>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="user-action">
               <!-- <div class="user-not-loged">
                    <i class="icon icon-user"></i>
                    <div class="inline-item">
                        <span>您好,</span>
                        <a href="./login.html">请登录</a>
                    </div>
                </div>-->
                <div class="user-loged">
                    <div class="user-info">
                        <span class="inline-item">王鑫浩</span>
                        <i class="icon icon-collapse"></i>
                    </div>
                    <div class="drop-menu shadow-item">
                        <div class="drop-menu-item active">
                            <a href="javascript:void(0);">我的账号</a>
                        </div>
                        <div class="drop-menu-item">
                            <a href="./order.html">我的订单</a>
                        </div>
                        <div class="drop-menu-item">
                            <a href="./my-goods.html">订过的商品</a>
                        </div>
                        <div class="drop-menu-item logout-btn">退出</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- content index 页面内容 -->
<div class="my-content" id="content_minHeight">
    <div class="wrapper inline-wrapper">
        <dl class="nav-content-menu shadow-item inline-item">
            <dd class="">
                <a href="./my-account.html">我的账号</a>
            </dd>
            <dd>
                <a href="./my-address.html">收货地址</a>
            </dd>
            <dd class="border-none active">
                <a href="javascript: void(0);">资质证书</a>
            </dd>
        </dl>
        <div class="account-content shadow-item">
            <div class="title">
                <h2>资质证书</h2>
            </div>
            <form class="layui-form" action="#">
                <div class="form-row">
                    <div class="row-key">资质名称</div>
                    <div class="layui-form-item certificate-select">
                        <select name="city" lay-verify="">
                            <option value="">请选择...</option>
                            <option value="1">营业执照</option>
                            <option value="2">检验机构资质证书</option>
                            <option value="3">法人授权委托书</option>
                            <option value="4">其他</option>
                        </select>
                    </div>
                </div>
                <div class="form-row" id="upload_btn_hook">
                    <div class="row-key">证书图片</div>
                    <div class="upload-image">
                        <span id="upload_image_name">图片大小≤6M, 支持JPG、PNG、JPEG..</span>
                        <i class="icon icon-upload"></i>
                    </div>
                </div>
                <input class="file-input" id="file_hook" type="file" name="image">
                <div class="upload-btn btn-primary" >上传</div>
            </form>
            <div class="certificate-table">
                <table>
                    <thead>
                        <tr>
                            <th>序列</th>
                            <th>资质名称</th>
                            <th>证件图片</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>其他</td>
                            <td>
                                <a href="javascript: void(0);">type2.png</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- footer 公用 footer 组件 -->
<div class="footer">
    <ul class="footer-menu wrapper inline-wrapper">
        <li class="inline-item">
            <a href="#">关于我们</a>
        </li>
        <li class="inline-item">
            <a href="#">联系我们</a>
        </li>
        <li class="inline-item">
            <a href="#">会员介绍</a>
        </li>
        <li class="inline-item">
            <a href="#">购物指南</a>
        </li>
        <li class="inline-item">
            <a href="#">常见问题</a>
        </li>
    </ul>
</div>
<script src="./assets/layui/layui.js"></script>
<!-- inject:js -->
<!-- endinject -->
</body>
</html>